.tab-containter,.live-containter
  .header
    width: 1200px
    margin: 0 auto
    display: flex
    align-items: center
    h2
      padding-right: 24px
      padding-left: 21px
      font-weight: bolder
      color: #000
      font-size: 24px
      position: relative
      &::after
        content: ""
        width: 4px
        height: 30px
        background-color: #99bd17
        position: absolute
        top: 0
        left: 0
    span
      color: #606060
      font-size: 19px
  .content-box
    width: 1200px
    margin: 50px auto
    display: flex
    .left
      flex-basis: 130px
      cursor: pointer
      li
        height: 52px
        font-size: 17px
        color: #000
        font-weight: bold
        position: relative
        &::after
          content: ""
          position: absolute
          width: 1px
          height: 20px
          background-color: #8a8a8a
          top: 5px
          right: 70px
        &.active
          color: #ff6600
          &::after
            width: 3px
            background-color: #ff6600
    .content
      flex-grow: 1
      position: relative
      width: 1070px
      height: 352px
      background-color: #fff
      box-sizing: border-box
      .content-item
        position: absolute
        top: 0
        left: 0
        display: flex
        &:nth-child(1)
          z-index: 9
        .img
          width: 861px
          height: 352px
          img
            width: 100%
            height: 100%
            display: block
        .text
          width: 211px
          padding: 25px
          background-color: #ff6600
          display: flex
          flex-direction: column
          justify-content: center
          align-items: center
          .top
            color: #fff
            display: flex
            margin: 0px 0 30px 0
            align-items: end
            font-weight: bolder
            font: 34px "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif
          .center
            font-size: 14px
            letter-spacing: 0px
            line-height: 19px
            color: #fff
            text-align: left
          .bottom
            display: inline-block
            width: 120px
            height: 44px
            line-height: 44px
            border: 1px solid #fff
            font-size: 14px
            color: #fff
            letter-spacing: 1.09px
            text-align: center
            cursor: pointer
            margin-top: 20px
.info-containter,.payment-container
  .inner
    width: 1200px
    height: 218px
    margin: 0 auto 100px
    background: url(/img/tab/gongshi.jpg) no-repeat center
    background-size: cover
.payment-container
  padding: 100px 0
  background: #f5f5f5
  .inner
    height: 440px
    margin: 0 auto
    background: url(/img/tab/shuidaofukuan-bg.png) no-repeat center
    background-size: cover
.live-containter
  background: linear-gradient( to right, #f8f8f8, #c4c4c6)
  padding: 100px 0
  .header
    padding-bottom: 52px
  .content
    overflow: hidden
    .item
      float: left
      width: 287px
      height: 287px
      margin-right: 20px
      position: relative
      &:nth-child(5)
        margin-right: 0px
      img
        display: block
        width: 287px
        height: 287px
      .mask
        position: absolute
        top: 0
        left: 0
        width: 287px
        height: 287px
        background-color: rgba(107,135,10,0.9)
        display: flex
        justify-content: center
        align-items: center
        opacity: 0
        .text
          width: 140px
          color: #fff
          text-align: center
          .title
            font-size: 14px
            font-weight: bold
            line-height: 38px
            border-bottom: 1px solid #fff
          .txt
            font-size: 12px
            line-height: 34px
      &:hover
        .mask
          opacity: 1
